<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <!-- Any Other things should follow these 3 meta above -->
    <title>达米卖家中心-管理库存</title>
    <!-- Bootstrap -->
    <link href="../bootstrap/dist/css/bootstrap.css" rel="stylesheet"/>
    <link href="../css/common.css" rel="stylesheet"/>
    <link href="../css/index.css" rel="stylesheet"/>
    <link href="../css/seller_center.css" rel="stylesheet"/>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="../js/common/html5shiv.min.js"></script>
    <script src="../js/common/respond.min.js"></script>
    <![endif]-->
    <style>
        /* FontIcon begin */
        @font-face {
            font-family: 'iconfont';  /* project id 243659 */
            src: url('//at.alicdn.com/t/font_gltulyiwxlqmpldi.eot');
            src: url('//at.alicdn.com/t/font_gltulyiwxlqmpldi.eot?#iefix') format('embedded-opentype'),
            url('//at.alicdn.com/t/font_gltulyiwxlqmpldi.woff') format('woff'),
            url('//at.alicdn.com/t/font_gltulyiwxlqmpldi.ttf') format('truetype'),
            url('//at.alicdn.com/t/font_gltulyiwxlqmpldi.svg#iconfont') format('svg');
        }
        .iconfont{
            font-family:"iconfont" !important;
            font-size:16px;font-style:normal;
            -webkit-font-smoothing: antialiased;
            -webkit-text-stroke-width: 0.2px;
            -moz-osx-font-smoothing: grayscale;}

        /* FontIcon End */

        /*body,ul,li{margin: 0;padding: 0;font: 12px normal "宋体", Arial, Helvetica, sans-serif;list-style: none;}*/
        /*a{text-decoration: none;color: #000;font-size: 14px;}*/

        /*!*#tabbox{ width:600px; overflow:hidden; margin:0 auto;}*!*/
        /*!*.tab_conbox{border: 1px solid #999;border-top: none;}*!*/
        /*.tab_con{ display:none;}*/

        /*.tabs{height: 32px;border-bottom:1px solid #999;border-left: 1px solid #999;width: 100%;}*/
        /*.tabs li{height:31px;line-height:31px;float:left;border:1px solid #999;border-left:none;margin-bottom: -1px;background: #e0e0e0;overflow: hidden;position: relative;}*/
        /*.tabs li a {display: block;padding: 0 20px;border: 1px solid #fff;outline: none;}*/
        /*!*.tabs li a:hover {background: #ccc;}*!*/
        /*!*.tabs .thistab,.tabs .thistab a:hover{background: #fff;border-bottom: 1px solid #fff;}*!*/

        /*!*.tab_con {padding:12px;font-size: 14px; line-height:175%;}*!*/
    </style>
</head>
<body>
<!-- this is the common top begin -->
<div class="container-fluid">
    <div class="row top font-small">
        <div class="col-md-2 col-sm-2"></div>
        <div class="col-md-8 col-sm-8">
            当前学校：<span>东南大学</span>
            <div class="float-right">
                <a href="#">买家登录</a>
                &nbsp;&nbsp;&nbsp;<a href="#">卖家登录</a>
                &nbsp;&nbsp;&nbsp;&nbsp;<a href="../buyer/buyer_register.html">买家注册</a>
                &nbsp;&nbsp;&nbsp;<a href="../seller/seller_register.html">卖家注册</a>
                &nbsp;&nbsp;&nbsp;&nbsp;<a href="#">我的订单</a>
            </div>
        </div>
        <div class="col-md-2 col-sm-2">
        </div>
    </div>
    <div class="row banner">
        <div class="col-md-2 col-sm-2"></div>
        <div class="col-md-8 col-sm-8">
            <div class="row">
                <div class="col-md-2 seller_logo">
                    <img src="../img/cute_logo.jpg" class="logo_wh"/>
                </div>
                <div class="col-md-2 seller_center">
                    <span>卖家中心</span>
                </div>
                <div class="col-md-4 font-bold">
                    <a href="../index.html" class="mr-20">首页</a>
                    <a href="#" class="mr-20">账户设置</a>
                    <a href="#" class="mr-20">消息中心</a>

                </div>
                <div class="col-md-4 col-sm-4">
                    <form class="form-inline">
                        <div class="form-group">
                            <input type="text" class="form-control search" id="search" placeholder="关键字" style="width: 220px"/>
                        </div>
                        <button type="submit" class="btn btn-default">搜索</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- this is the common top end -->


<div class="container-fluid row">
    <div class="col-md-2"></div>
    <div class="col-md-1 border-one border-r6 mt-40">
        <table class="table">
            <tr class="active">
                <td colspan="2"><i class="iconfont">&#xe722;</i>我的店铺</td><br/>
            </tr>
            <tr class="success">
                <td colspan="2">
                    <h5><i class="iconfont">&#xe61a;</i>店铺管理</h5>
                    <span class="seller_shop mr-5 login"><a href="#" class="shop_login">登录店铺</a></span>
                    <span class="seller_shop mr-5 login"><a href="modify_message.html">修改信息</a></span>
                </td>
            </tr>
            <tr class="warning">
                <td colspan="2">
                    <h5><i class="iconfont">&#xe6db;</i>商品管理</h5>
                    <span class="seller_shop mr-5"><a href="new_products.html">新品上架</a></span>
                    <span class="seller_shop mr-5"><a href="#">售出商品</a></span>
                    <span class="seller_shop mr-5"><a href="stock_goods.html">管理库存</a></span>
                </td>
            </tr>
            <tr class="danger">
                <td colspan="2">
                    <h5><i class="iconfont">&#xe626;</i>交易管理</h5>
                    <span class="seller_shop mr-5"><a href="#">已签收订单</a></span>
                    <span class="seller_shop mr-5"><a href="#">未签收订单</a></span>
                    <span class="seller_shop mr-5"><a href="#">待发货订单</a></span>
                </td>
            </tr>
            <tr class="info">
                <td colspan="2">
                    <h5><i class="iconfont">&#xe6a3;</i>客服中心</h5>
                    <span class="seller_shop mr-5"><a href="#">退款管理</a></span>
                    <span class="seller_shop mr-5"><a href="#">售后服务</a></span>
                    <span class="seller_shop mr-5"><a href="#">咨询回复</a></span>
                </td>
            </tr>
        </table>
    </div>
    <div class="col-md-6 row border-one border-radius mt-40 ml-30 div_h">
        <div class="mt-20">
            <a href="#">卖家中心</a>
            <span>&gt;</span>
            <a href="#">商品管理</a>
            <span>&gt;</span>
            <span>售出商品</span>
            <hr/>
        </div>
        <div class="mt-120 ml-20">
            <form action="#" method="get">
                <div>
                    <span>订单编号:</span><input name="id" class="mt-20 ml-5" type="text" value="" th:text="${order.id}"/>
                    <button type="submit" class="mt-5 ml-5 mb-10 btn-primary">搜索订单</button>
                </div>
                <div>
                    <span>商品编号:</span><input name="productId" class="mt-20 ml-5 mr-55" type="text" value="" th:text="${order.orderProductId}"/>
                    <span>商品名称:</span><input name="productName" class="mt-20 ml-5 mr-55" type="text" value="" th:text="${order.productName}"/>
                    <span>买家编号:</span><input name="buyerId" class="mt-20 ml-5" type="text" value="" th:text="${order.userId}"/>
                </div>
                <div><span>买家昵称:</span><input name="buyerName" class="mt-20 ml-5 mr-55" type="text" value="" th:text="${order.userName}"/>
                    <span>成交时间:</span><input  name="createTime" class="mt-20 ml-5 mr-55" type="text" value="" th:text="${order.createTime}"/>
                    <span>支付金额:</span><input name="totalPrice" class="mt-20 ml-5 mr-55" type="text" value="" th:text="${order.totalPrice}"/>
                </div>
            </form>
        </div>
    </div>
    <div class="col-md-1"></div>
</div>


<!--This is the common footer Begin-->
<div class="container-fluid mt-20">
    <div class="row">
        <div class="col-md-12 footer-info">
            <div class="col-md-2 col-md-offset-3 mt-40 "><img src="../img/logo_button_1.jpg"/></div>
            <div class="col-md-3 mt-40 "><img src="../img/logo_button_2.jpg " /><br/><span class="font-grey" >一家专门做校园文化产品的网站</span></div>
            <div class="col-md-4 mt-60"><img class="qr-code"  src="../img/qr_code.png "/><br/><div class="mt-20 ">扫码有惊喜哦</div></div>
        </div>
    </div>
</div>

<div class="container">
    <div class="row mt-20 font-small">
        <div class="col-md-2 col-sm-2"></div>
        <div class="col-md-8 col-sm-8">
            <div id="footer">
                <div class="footerNav text-center">
                    <a href="#">关于我们</a> |
                    <a href="#">服务条款</a> |
                    <a href="#">免责声明</a> |
                    <a href="#">网站地图</a> |
                    <a href="#">联系我们</a>
                </div>
                <div class="copyRight text-center">
                    Copyright DaMi
                </div>
            </div>
        </div>
        <div class="col-md-2"></div>
    </div>
</div>


<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="../js/common/jquery-3.1.1.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="../bootstrap/dist/js/bootstrap.min.js"></script>
<script>
    $(document).ready(function(){
        $(".shop_login").click(function(){
            $(".form_fade").fadeIn();

        });
        $(".fadeout").click(function(){
            $(".form_fade").fadeOut();

        });
//        jQuery.jqtab = function(tabtit,tabcon) {
//            $(tabcon).hide();
//            $(tabtit+" li:first").addClass("thistab").show();
//            $(tabcon+":first").show();
//
//            $(tabtit+" li").click(function() {
//                $(tabtit+" li").removeClass("thistab");
//                $(this).addClass("thistab");
//                $(tabcon).hide();
//                var activeTab = $(this).find("a").attr("tab");
//                $("#"+activeTab).fadeIn();
//                return false;
//            });
//
//        };
//        /*调用方法如下：*/
//        $.jqtab("#tabs",".tab_con");
    });
</script>

</body>
</html>